﻿[<tag type="if" function="productcount" modulekey="{Settings:targetmodulekey}" testvalue="0" display="{ON}" />]<!-- Show drilldown menu when current category has zero items -->
<!-- Drilldown Menu footer  -->

</div>
</div>

<!-- Required for Masonry Grid http://desandro.github.io/imagesloaded/ -->
<script type="text/javascript" src="/DesktopModules/NBright/NBrightBuy/Themes/Cygnus/js/imagesloaded.pkgd.min.js"></script>

<!-- Masonry Grid http://masonry.desandro.com -->
<script type="text/javascript" src="/DesktopModules/NBright/NBrightBuy/Themes/Cygnus/js/masonry.pkgd.min.js"></script>

<script type="text/javascript">

$( document ).ready(function() {

var $container = $('#drilldownwrapper');
// initialize
$container.masonry({
  columnWidth: [Settings:itemwidth], // List item width - Can also use CSS width of first list item
  itemSelector: '.drilldownitem',
  gutter: [Settings:itemgutter], // Set horizontal gap and include in calculations. Also used in CSS for vertical gap
  isOriginLeft: true, // Build from right to left if false
  isOriginTop: true, // Build from bottom to top if false
});

// initialize Masonry after all images have loaded - Webkit needs this when image containers don't have a fixed height
$container.imagesLoaded( function() {
  $container.masonry();
});

});

</script>

[<tag type="endif"  />]<!-- Show drilldown menu when current category has zero items -->
